@import "variables";
.seed-sku-buy{
  width:100%;
  //height:100%;
  position: relative;
  background:color($h5,c10);
  padding:pxTorem(30) 0 pxTorem(140);
  .sku-buy-close{
    width:pxTorem(39);
    height:pxTorem(39);
    margin-left:pxTorem(30);
    background:url(#{$icons-path}/crowd_close.png) center center no-repeat;
    background-size:pxTorem(39) pxTorem(39);
  }
  .sku-list{
    width:100%;
    &:after{
      content: '';
      display: block;
      width:100%;
      height:pxTorem(15);
      background:color($h5,c9);
    }
    div{
      padding:0 pxTorem(30);
    }
    .sku-info{
      margin-bottom:pxTorem(20);
      p{
        font-size: pxTorem(30);
        color:color($h5,c3);
        line-height: pxTorem(40);
      }
      p:first-child{
        line-height: 1;
        margin-bottom:pxTorem(20);
      }
    }
    .sku-name-price{
      display: flex;
      justify-content: space-between;
      margin:pxTorem(60) 0 pxTorem(20);
      p{
        color:color($h5,c15);
        font-weight: bold;
        font-size: pxTorem(32);
      }
      p:first-child{
        color:color($h5,c2);
      }
    }
    .sku-limit-num{
      padding:pxTorem(30);
      div{
        width:100%;
        padding:pxTorem(30) 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      p{
        font-size: pxTorem(30);
        color:color($h5,c3);
      }
      input{
        border:1px solid #ececec;
      }
    }
    .sku-submit{
      width:100%;
      display: flex;
      padding:pxTorem(30);
      justify-content: flex-end;
      button{
        width:pxTorem(200);
        height: pxTorem(70);
        background:color($h5,c1);
        color:color($h5,c10);
        font-size: pxTorem(30);
        border-radius:pxTorem(5);
      }
    }
  }
}
